/**
 * Created by Jason on 2017/8/3.
 */
var diagramGuide = {
    guideNum: 1,
    getGuideBtn: {
        1 : $("#pologo"),
        2 : $("#new-file"),
        3 : $('a[data-nav="colla"]'),
        4 : $(".left-bottom-files .filecount").length > 0 ? $(".left-bottom-files .filecount") : $(".left-bottom-files").find("a").eq(0),
        5 : $("#user-logo"),
        6 : $(".notice-icon"),
        7 : $("#header-popular"),
        8 : $("#menu_team"),
        9 : $("#dir_root")
    },
    tipDes: {
        1 : '<span class="bold">导航提示：</span>点击Logo返回“我的文件” (点击任意区域继续）',
        2 : '<span class="bold">新建：</span>新建文件、文件夹、导入。点击您需要的类型新建文件',
        3 : '<span class="bold">与我协作：</span>与你协作的文件、文件夹',
        4 : '<span class="bold">文件数量：</span>您当前使用的文件数和总共的文件数',
        5 : '<span class="bold">导航标签：</span>查看账户中心、个人资料信息以及设置等',
        6 : '<span class="bold">消息通知：</span>查看所有的消息通知',
        7 : '<span class="bold">查看推荐：</span>可以查看其它用户公开的优质文件，并且能筛选和搜索定位您想要查看的文件',
        8 : '<span class="bold">我的小组：</span>查看您创建或加入的小组',
        9 : '<span class="bold">文件列表：</span>下方展示您的文件列表，右击文件或点击文件右上角按钮可以进行文件相关操作'
    },
    init: function() {
        this.renderGuide(),
            diagramGuide.changeDes(),
            this.setposition(),
            $("body").off("click.guide").on("click.guide",
                function() {
                    return diagramGuide.guideNum += 1,
                        diagramGuide.guideNum > 9 ? ($("body").off("click.guide"), $(".page-guide").remove(), Util.ajax({
                            url: "/setting/alreadyguide",
                            success: function(a) {}
                        }), void $("#mask-all").remove()) : (diagramGuide.changeDes(), void diagramGuide.setposition())
                })
    },
    renderGuide: function() {
        var a = '<div class="page-guide"><div class="guidesign"><span class="icons clicksign"> </span></div><div class="tip-guide"></div></div><div id="mask-all" style="position:fixed;width:100%;height:100%;z-index:9;left:0px;top:0px;"></div>';
        $("body").append(a)
    },
    setposition: function() {
        var a = this.getGuideBtn[diagramGuide.guideNum].offset(),
            b = this.getGuideBtn[diagramGuide.guideNum].width(),
            c = a.left + b / 2,
            d = $("body").width(),
            e = $(".page-guide");
        d - a.left < 282 && e.children(".tip-guide").css({
            float: "right"
        }),
        a.left < 282 && e.children(".tip-guide").css({
            float: "left"
        }),
            e.css({
                left: c,
                top: a.top + 4 + "px"
            })
    },
    changeDes: function() {
        var a = this.tipDes,
            b = $(".tip-guide"),
            c = a[diagramGuide.guideNum],
            d = 12 * (c.length - 26),
            e = d;
        d > 304 && (e = 304),
            b.html(c),
            b.css({
                width: e
            })
    }
};